%ion-modal-view#signup-page(hide-nav-bar="true" ng-controller="SignupCtrl")
  %ion-header-bar.bar-furion(align-title="center")
    %button.back-button(ng-click="goBack()")
    %h1.title 注册

  %ion-content
    %wizard(hide-indicators="true")
      %wz-step
        .list.list-divided.margin-top-10.list-session.margin-bottom-20
          .item.item-input
            .input-label.dark-blue 手机号
            %input(type="tel" placeholder="请输入手机号" ng-model="account.phone" ng-change="changeFirstInput()" ng-focus="needMirror=true" ng-blur="needMirror=false")
          .mirror-strip(ng-if="needMirror != null" ng-class="{true: 'mirrorIn', false: 'mirrorOut'}[needMirror]")
            %span {{account.phone | phoneFilter}}
          .divider.margin-bottom-20
          .item.item-input
            .input-label.dark-blue 登录密码
            %input(type="password" placeholder="请设置密码" ng-model="account.password" ng-change="changeFirstInput()")
          .divider.margin-bottom-20
          .item.item-input
            .input-label.dark-blue 推荐码
            %input(type="text" placeholder="推荐码（可选）" ng-model="account.promotion_code")
        
        .location.flex-center
          %i.ion-location.ico.thin-blue.large.margin-right-5
          %ion-spinner(icon="ios-small" ng-if="!getLocation")
          %span(ng-if="getLocation") 
            %span.text-grey 当前城市为：
            %span {{cityName}}
            -# 维度：{{geolocation.latitude}}--
            -# 经度：{{geolocation.longitude}}

        .text-center
          %button.furion-button(ng-click="sendCode()" ng-disabled="!canSend") 注册

        .text-center
          .margin-top-10.text-grey 点击“注册”表示您同意
          %span.orange(ng-click="showAgreement()") 《@球友服务协议》


      %wz-step
        .text-center
          .row
            .col.col-5
            .col.col-20.top-grey-border
            .col.col-50.light-grey 已发送验证码短信至
            .col.col-20.top-grey-border

          %span {{ account.phone }}

        .list.margin-top-20
          .row.item.item-input
            .col.col-25.dark-blue 验证码
            %input.col.col-33.no-padding.margin-right-10(type="tel" placeholder="请输入验证码" ng-model="account.vcode" ng-change="changeCodeInput()")
            %a.col.send-code-button(ng-disabled="vcode_reject_waiting.signup" ng-click="sendCode()")
              {{ vcode_reject_waiting.signup ? '再次发送(' + vcode_reject_waiting.signup + ')' : '发送验证码' }}

        %div(style="padding: 5px 10px 0")
          %a.light-grey(ng-click="previewStep()") 手机号码输错？

        .text-center
          %button.furion-button(ng-click="doSignup()" ng-disabled="!account.vcode") 完成
